/*** logoAndSearch ***/
.logoAndSearch{
    background-color: #fff;
}
.logoAndSearch .wrapper{
    height: 70px;
    padding: 30px 0 20px;
    overflow: inherit;
}
/** logo **/
.logoAndSearch .wrapper .logo{
    float: left;
    margin-left: 65px;
}
.logoAndSearch .logo a{
    float: left;
    width: 200px;
    height: 46px;
    line-height: 46px;
}
.logoAndSearch .logo a img{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 200px;
    max-height: 46px;
    vertical-align: middle;
}
/** end logo **/

/** search **/
.logoAndSearch .wrapper .search{
    float: left;
    margin-left: 95px;
}
.logoAndSearch .search .searchCont{
    width: 475px;
    height: 44px;
    border: 1px solid #ddd;
    border-right: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.logoAndSearch .searchCont input{
    float: left;
    width: 335px;
    height: 44px;
    padding: 0 10px 0 35px;
    border: 0;
    color: #999;
    line-height: 44px;
    vertical-align: middle;
    background: url("/default/images/part_time/jz.png") no-repeat 7px 11px;
}
.logoAndSearch .searchCont button{
    float: left;
    width: 95px;
    height: 46px;
    margin-top: -1px;
    margin-right: -1px;
    color: #fff;
    font-size: 16px;
    background-color: #ffae01;
}
.logoAndSearch .searchCont button:hover{ background-color: #ff9600;}
.logoAndSearch .wrapper .publicJob{
    float: left;
}
.logoAndSearch .wrapper .publicJob a{
    float: left;
    width: 110px;
    height: 46px;
    margin-left: 35px;
    color: #666;
    text-align: center;
    line-height: 46px;
    background-color: #fbeedb;
    text-decoration: none;
}
.logoAndSearch .wrapper .publicJob a:hover{
    color: #fff;
    background-color: #ffae01;
}
/*** end logoAndSearch ***/

/*** main ***/
.main{
    background-color: #f5f6f8;
}
.main .wrapper{ padding-bottom: 30px;}
/** filter **/
.main .wrapper .filter{
    float: left;
    width: 1160px;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 10px 20px 10px;
    background-color: #fff;
}
.main .wrapper .filter ul{
    float: left;
    width: 100%;
}
.main .filter ul li{
    float: left;
    width: 100%;
    /*margin-bottom: 20px;*/
}
.main .filter li span{
    float: left;
    width: 70px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 20px;
}
.main .filter li .cont{
    float: left;
    width: 1090px;
}
.main .filter .cont a{
    float: left;
    margin: 10px 10px 10px 0;
    padding-right: 10px;
    padding-left: 10px;
    color: #333;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.main .filter .cont a:hover{ color: #ffae01;}
.main .filter .cont a.selected{
    color: #fff;
    background-color: #ffae01;
}
.main .filter .classes .cont{
    width: 1000px;
}
.main .filter .classes .moreBtn{
    float: left;
    width: 90px;
    cursor: pointer;
}
.filter .classes .moreBtn span{
    float: left;
    width: 60px;
    color: #999;
}
.filter .classes .moreBtn i{
    float: left;
    width: 20px;
    height: 14px;
    margin-top: 13px;
}
.filter .classes .moreBtn:hover span,
.filter .classes .moreBtn.active span{ color: #ffae01;}
.main .filter .classes .moreClasses{
    float: left;
    width: 1032px;
    margin-left: 128px;
}
/** end filter **/

/** jobLists **/
.main .wrapper .jobLists{
    float: left;
    width: 880px;
    padding: 15px 20px;
    background-color: #fff;
}
.main .wrapper .jobLists dl{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.main .jobLists dl dt,
.main .jobLists dl dd{
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.main .jobLists dl dd:hover{ background-color: #fbfbfb; }
.main .jobLists dl dt{ border-bottom: 2px solid #ddd; }
.main .jobLists dl dd.hasBg{ background-color: #f6f7f9;}
.main .jobLists dl dd.hasBg:hover{ background-color: #fbfbfb; }
.main .jobLists dl dd.no-one{
    height: 260px;
    padding-top: 10px;
}
.main .jobLists dt span,
.main .jobLists dd span{ float: left;}
.main .jobLists dt span{ font-weight: bold;}
.main .jobLists .jobName{
    width: 240px;
    text-indent: 10px;
}
.main .jobLists .jobName a{ color: #4a5261;}
.main .jobLists .jobName a:hover{ text-decoration: underline;}
.main .jobLists .compName{ width: 210px;}
.main .jobLists .address{ width: 150px;}
.main .jobLists .salary{ width: 110px; }
.main .jobLists .settleMethod{
    width: 70px;
    text-align: center;
}
.main .jobLists .date{
    width: 100px;
    text-align: center;
}
.main .wrapper .pageList{
    float: left;
    width: 100%;
}
.main .wrapper .pageList ul{
    float: left;
    width: 100%;
    padding-top:35px;
    padding-bottom:20px;
    text-align: center;
}
.main .pageList ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ddd;
}
.main .pageList li span,
.main .pageList li a{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    color: #333;
    cursor: pointer;
}
.main .pageList li:hover a,
.main .pageList li.active span{
    color: #fff;
    background-color: #ffae01;
}
/* if without the rightAside,use the nest style */
.main .wrapper .noAside{
    width: 1160px;
    min-height: 310px;
}
.main .noAside .jobName{
    width: 250px;
    text-indent: 10px;
}
.main .noAside .compName{ width: 250px;}
.main .noAside .address{ width: 200px;}
.main .noAside .salary{ width: 180px; }
.main .noAside .settleMethod{ width: 120px;}
.main .noAside .date{ width: 120px; }
/* end if without the rightAside,use the nest style */
/** end jobLists **/

/** rightAside **/
.main .wrapper .rightAside{
    float: left;
    width: 260px;
    margin-left: 20px;
}
.main .wrapper .rightAside .box{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 12px;
    text-align: center;
    background: #fff url("/default/images/part_time/jz_r.png") no-repeat center bottom;
}
.main .rightAside .box p{
    float: left;
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 60px;
    background-color: #ffae01;
}
.main .rightAside .box .boxCont{
    display: inline-block;
    +display: inline;
    +zoom: 1;
    width: 126px;
    padding-top: 30px;
    padding-bottom: 5px;
    text-align: center;
}
.main .rightAside .boxCont img{
    display: inline-block;
    +display: inline;
    +zoom: 1;
    width: 112px;
    height: 112px;
}
.main .rightAside .boxCont span{
    float: left;
    width: 100%;
    height: 30px;
    color: #4a5261;
    font-weight: bold;
    line-height: 30px;
}
.main .rightAside .box a{
    float: left;
    width: 130px;
    height:35px;
    margin-bottom: 20px;
    margin-left: 65px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    background-color: #ffae01;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.main .rightAside .box a:hover{ background-color: #ff9600;}
/** end rightAside **/
/*** end main ***/